<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>cursor</title>
</head>
<style>
	*{
		margin: 0;
		padding: 0;
	}
	/*不加这个不行*/
	html{
		height: 100%;
	}
	body{
		height: 80%;
		width: 80%;
		overflow: hidden;
		/*display: flex;*/
		padding-left: 240px;
		font-size: 30px;
		background: #333;
	}
	
	div{
		width: 18%;
		line-height: 50px;
		text-align: center;
		background: #808080;
		float:left;
		color: #fff;
		margin: 20px;
	}
</style>
<body>
	<h3 style="color:#fff;margin-left: 35%;line-height: 80px">cursor style</h3>
	<div style="cursor:default;">default</div>
	<div style="cursor:pointer;">pointer</div>
	<div style="cursor:crosshair;">crosshair</div>
	<div style="cursor:move;">move</div>
	<div style="cursor:all-scroll;">all-scroll</div>
	<div style="cursor:not-allowed;">not-allowed</div>
	<div style="cursor:no-drop;">no-drop</div>
	<div style="cursor:wait">wait</div>
	<div style="cursor:progress;">progress</div>
	<div style="cursor:help;">help</div>
	<div style="cursor:alias;">alias</div>
	<div style="cursor:copy;">copy</div>
	<div style="cursor:cell;">cell</div>
	<div style="cursor:context-menu;">context-meau</div>
	<div style="cursor:vertical-text;">vertical-text</div>
	<div style="cursor:zoom-in;">zoom-in</div>
	<div style="cursor:zoom-out;">zoom-out</div>
	<div style="cursor:none;">none</div>
	<div style="cursor:url">url</div>
	<div style="cursor:auto">auto</div>
	<div style="cursor:all;">all</div>
	<div style="cursor:text;">text</div>
	<div style="cursor:unset;">unset</div>
	<div style="cursor:initial;">initial</div>
	<div style="cursor:e-resize;">e-resize</div>
	<div style="cursor:ne-resize;">ne-resize</div>
	<div style="cursor:nw-resize;">nw-resize</div>
	<div style="cursor:n-resize;">n-resize</div>
	<div style="cursor:se-resize;">se-resize</div>
	<div style="cursor:sw-resize;">sw-resize</div>
	<div style="cursor:s-resize;">s-resize</div>
	<div style="cursor:w-resize;">w-resize</div>
</body>
</html>